<template>
  <Tabs v-model:activeKey="activeKey" type="card" centered>
    <TabPane tab="设置代理" key="setup">
      <SetupProxy style="margin-top: 20px" />
    </TabPane>
    <TabPane tab="我的代理" key="my">
      <ProxyList type="my" title="我的代理" :api="getUserProxyListMine" />
    </TabPane>
    <TabPane tab="被代理的" key="proxy">
      <ProxyList type="proxy" title="被代理的" :api="getUserProxylListProxy" />
    </TabPane>
  </Tabs>
</template>
<script lang="ts" setup>
  import { ref } from 'vue';
  import { Tabs, TabPane } from 'ant-design-vue';
  import SetupProxy from './setupProxy/SetupProxy.vue';
  import ProxyList from './proxyList/index.vue';
  import { getUserProxyListMine, getUserProxylListProxy } from '/@/api/flowManage/flowManage';
  const activeKey = ref('setup');
</script>
<style lang="less" scoped>
  :deep(.ant-tabs-nav) {
    background-color: #fff;
    margin: 0;
  }
</style>
